.x-dialog-mask {
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6)
}

.x-dialog-title {
	padding-top: .5rem;
	font-weight: 700
}

.x-dialog-box {
	z-index: 100;
	position: fixed;
	border-radius: .1rem;
	width: 83%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #f9f9f9;
	text-align: center;
	padding: .4rem .3rem .24rem
}

.x-dialog-title {
	line-height: .4rem;
	font-size: .28rem;
	color: rgba(0, 0, 0, .9);
	padding-bottom: .4rem;
	text-align: center
}

.x-dialog-btn-panel {
	margin-top: .24rem;
	height: 1.12rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.x-dialog-btn {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 .1rem;
	font-size: .28rem;
	text-align: center;
	line-height: .88rem;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: .2rem;
	background-color: rgba(0, 0, 0, .05);
	color: #000;
	outline: none
}

.x-dialog-btn-hl {
	color: #5bb755;
	border-color: #5bb755;
	background-color: rgba(91, 183, 85, .05)
}

.x-qtip {
	display: none;
	position: fixed;
	left: 50%;
	top: 38%;
	min-width: 2rem;
	max-width: 80%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 2px;
	border: .1rem solid rgba(0, 0, 0, .3);
	color: #fff;
	pointer-events: none;
	z-index: 1000
}

.x-qtip .x-qtip-body {
	padding: .15rem;
	background-color: rgba(0, 0, 0, .7);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-align: flex_start;
	-ms-flex-align: flex_start;
	align-items: flex_start
}

.x-qtip .x-qtip-icon {
	width: .5rem;
	font-size: .4rem;
	display: none
}

.x-qtip .x-qtip-icon i {
	display: inline-block;
	width: .4rem;
	height: .4rem;
	background-repeat: no-repeat;
	opacity: .9;
	background-size: 100%
}

.x-qtip .x-qtip-msg {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: .45rem;
	font-size: .3rem;
	color: #fff
}

.x-qtip-error .x-qtip-icon, .x-qtip-info .x-qtip-icon, .x-qtip-ok .x-qtip-icon,
	.x-qtip-question .x-qtip-icon, .x-qtip-warning .x-qtip-icon {
	display: block
}

.x-qtip-info .x-qtip-icon i {
	background-image:
		url(https://s3.wandougongzhu.cn/h5/coms/QuickTip/x-icon-info_f71762.png)
}

.x-qtip-warning .x-qtip-icon i {
	background-image:
		url(https://s5.wandougongzhu.cn/h5/coms/QuickTip/x-icon-warning_30d4ad.png)
}

.x-qtip-ok .x-qtip-icon i {
	background-image:
		url(https://s5.wandougongzhu.cn/h5/coms/QuickTip/x-icon-ok_2771f0.png)
}

.x-qtip-error .x-qtip-icon i {
	background-image:
		url(https://s4.wandougongzhu.cn/h5/coms/QuickTip/x-icon-error_4356e7.png)
}

.x-qtip-question .x-qtip-icon i {
	background-image:
		url(https://s3.wandougongzhu.cn/h5/coms/QuickTip/x-icon-question_47e1c0.png)
}

.x-spinner {
	margin: .1rem auto;
	text-align: center
}

.x-spinner>div {
	margin: 0 .05rem;
	width: .2rem;
	height: .2rem;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.x-spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.x-spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@
-webkit-keyframes sk-bouncedelay { 0%,80%,
	to {-webkit-transform: scale(0)
}

40%{
-webkit-transform
:scale(1)
}
}
@
keyframes sk-bouncedelay { 0%,80%,
	to {-webkit-transform: scale(0);
	transform: scale(0)
}

40%{
-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
.quick-login-tip {
	padding-top: .1rem;
	font-size: .24rem;
	color: #999
}

.x-passport button:focus, .x-passport input:focus {
	outline: none
}

.x-passport .ipt-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: .05rem
}

.x-passport input {
	display: block;
	border: none;
	box-sizing: border-box;
	padding: .2rem .1rem;
	height: .88rem;
	width: 100%;
	line-height: .4rem;
	font-size: .32rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.x-passport input[type=number] {
	-webkit-appearance: none
}

.x-passport input:-webkit-autofill {
	box-shadow: inset 0 0 0 2rem #fff
}

.x-passport input[type=number]::-webkit-inner-spin-button, .x-passport input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0
}

.x-passport button {
	display: block;
	border: none;
	background-color: #191919;
	color: #fff
}

.x-passport button[disabled] {
	background-color: #d8d8d8
}

.x-passport .submit-btn {
	margin-top: .3rem;
	width: 100%;
	font-size: .32rem;
	height: .88rem
}

.x-passport .verify-btn {
	min-width: 1.5rem;
	height: .55rem;
	font-size: .24rem;
	padding: 0 .1rem;
	border-radius: .03rem;
	margin-left: .1rem
}

.x-passport  .eye-btn {
	opacity: .3;
	width: .5rem;
	height: .55rem;
	margin-left: .1rem;
	background:
		url(https://s5.wandougongzhu.cn/h5/img/icon/ic_eye_black_7bf575.png)
		50%/.34rem .26rem no-repeat
}

.x-passport .eye-visible {
	opacity: 1
}

.wx-login {
	padding-top: .5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.wx-login img {
	width: .9rem;
	height: .9rem
}

.find-password {
	text-align: right;
	margin-top: .2rem
}

.find-password a {
	color: #999
}

.reg-vcode-box {
	margin-right: .2rem
}

.reg-pwd-box, .reg-vcode-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.reg-pwd-box {
	margin-left: .2rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.reg-pwd-box, .valide-code-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.valide-code-box {
	height: .8rem
}

.valide-code-tip {
	padding-bottom: .2rem
}

.valide-code-box input {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .28rem;
	border: 1px solid #aaa;
	border-radius: 0;
	box-sizing: border-box;
	padding-left: .1rem;
	margin-right: .05rem
}

.valide-code-box img {
	width: 2rem;
	height: .8rem
}